<!DOCTYPE html>
<html lang="zh-CN">

<head>
    <meta charset="UTF-8">
    <title>友链 | 陈一非的博客</title>
    <link rel="stylesheet" href="css/main.css">
    <link href="css/bootstrap.css" rel="stylesheet">
    <link rel="stylesheet" href="css/friend.css">
</head>

<body>
    <div id="nav-placeholder"></div>

    <section class="hero-section">
        <div class="hero-text">
            <h2 style="color: #ffffff;">cyf的小窝</h2>
            <p>一个人几乎可以在任何他怀有无限热忱的事情上成功。</p>
        </div>
        <button id="scroll-down" class="scroll-down-arrow">
            <svg width="40" height="40" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
                <path d="M12 5V19M12 19L19 12M12 19L5 12" stroke="white" stroke-width="2" stroke-linecap="round"
                    stroke-linejoin="round" />
            </svg>
        </button>
    </section>


    <main class="container">
        <div class="content-container" style="display: flex; gap: 20px; padding: 20px;">
            <div id="sidebar-placeholder"></div>
            <div class="main-content"
                style="background-color: rgba(255, 255, 255, 0.8); border-radius: 12px; padding: 25px;">
                <div class="friend-links-container">
                    <div class="friend-toggle" id="friendToggle">
                        <h3 class="section-title">看看朋友的博客中都更新了啥</h3>
                        <span class="toggle-icon">+</span>
                    </div>

                    <div class="friends-list" id="friendsList" style="display: none;"></div>

                    <div class="my-info">
                        <h4><svg width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg" style="margin-right: 8px;">
                            <path d="M12 14C15.3137 14 18 11.3137 18 8C18 4.68629 15.3137 2 12 2C8.68629 2 6 4.68629 6 8C6 11.3137 8.68629 14 12 14Z" stroke="#007bff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M12 14V22" stroke="#007bff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                            <path d="M19 22H5" stroke="#007bff" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/>
                        </svg>我的信息</h4>
                        <p><strong>名称：</strong>cyf的小窝</p>
                        <p><strong>介绍：</strong>记录cyf的学习生活</p>
                    </div>
                </div>
            </div>
            <div id="right-sidebar-placeholder"></div>
        </div>
    </main>

    <div id="footer-placeholder"></div>

    <script src="js/jquery-3.7.1.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/main.js"></script>
    <script src="js/friend.js"></script>
</body>

</html>